<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>罗老师</title>
</head>
<body>
    <!-- span  是不换行的文本 -->
    <span> 欢迎 </span> <br>
    <span style="color: red;  font-size: large;  font-weight: 600;"> ：</span> <br>
    <span> 姓名: </span> <br> <br> <br> <br> <br> <br>
    <span> 罗老师 </span> <br>
    <span> 学号: </span> <br>
    <span> 31100632</span> <br>
    <span> 这是第一个网页</span> <br>
    <!-- div 是换行的 块 -->
    <div style="color: red; font-weight: 900;font-size:20px; ">文字0
        <div> 文字1
            <div style="color: green;">
                文字2
                <a href="https://www.sptc.edu.cn" target="_blank"> 四川邮电
                </a>职业学院
            </div>
        </div>
    </div>
    <div style="font-size:20px; color: red; font-weight: 100;">
        <a href="https://www.sptc.edu.cn" target="_self">
            四川邮电
        </a>职业学院
        <!-- SouRCe -->
        <a href="http://www.sptc.edu.cn">
            <img src="./11000001.png" alt="川邮的logo" style="width:102px ;">
        </a>
        <img src="https://www.sptc.edu.cn/images/ershijiesanzhongquanhui.jpg" alt="清华的logo" style="width:192px ;">
        <img src="https://www.sptc.edu.cn/images/xinxueqihaibao2.21.jpg" alt="罗老师找坡i安" style="width:302px ;">

        <a href="https://www.baidu.com">

            <div style="background-color: rgb(41, 199, 41) ; border-radius: 50px; width: 200px; height: 200px;">
                百度一下
            </div>

        </a>

    </div>
    <h1 style="background-color: red;">我是好学生 h1 </h1>
    <h2> 我是 h2 </h2>
    <h3> 我是 h3 </h3>
    <h4> 我是 h4 </h4>
    <h5> 我是 h5 </h5>
    <h6> 我是 h6 </h6>
    <h7> 我是 h7 </h7>
    <p>
        我是文
        字
    </p>
</body>

</html>